<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Dragonfly Portfolio</title>
	<!-- Video -->
    <script type="text/javascript" src="js/mootools.js"></script>
	<script type="text/javascript" src="js/overlay.js"></script>
	<script type="text/javascript" src="js/multibox.js"></script>
	<link href="css/multibox.css" rel="stylesheet" type="text/css" />
	<!--[if lte IE 6]><link rel="stylesheet" href="ie6.css" type="text/css" media="all" /><![endif]-->
	
	<!-- Draongfly -->
	<script type="text/javascript" src="js/dragonfly.js"></script>
	
	<link rel="stylesheet" href="css/dragonfly.css" type="text/css" />
</head>
<body onLoad="loadpage(0)">
	<center>
		    <button type="button" onClick="getPreviousPage()">Prev</button>
			<button type="button" onClick="getNextPage()">Next</button>
	</center>
    <div class="frame"><div class="inner">
    	<div class="picture" id="media">
        	<a href="http://gprime.net/video/flv2.swf?filename=hermorningelegance" class="mb" rel="type:swf" id="omg" title="Example of Video Box">
        		<img src="images/example/pic2.jpg" />
             </a>
        </div>
        
        <div class="info">
        	<div class="left">
            	<b>Title:</b>	<div id="title">Chicago Black &amp; White</div>
                <b>Date:</b>	<div id="date">January 20th, 2010</div>
                <b>Medium:</b>	<div id="medium">Cannon Camera</div>
            </div>
            <div class="right">
            	<b>Awards:</b>	<div id="awards">Scholastic Gold Key Award 2010</div>
            </div>
      </div>
        
		
		<div class="comment" id="comment">
        	<p>Just a reminder,</p>
			<p>We are meeting at Noon on Tuesday so that we may review and practice how we're going to present our demo and risks to the professor during class. Please show up or let us know if you cannot make it.</p>
        </div>
        	
        <div class="navbar" id="thumb">
        	<ul class="navlist">
      
            	<li class="navbox">
                	<a href="/#"><img src="images/example/icon/pic1.jpg" /></a>
                </li>
                <li class="navbox">
                	<a href="/#"><img src="images/example/icon/pic2.jpg" /></a>
                </li>
                <li class="navbox">
                	<a href="/#"><img src="images/example/icon/pic3.jpg" /></a>
                </li>
                <li class="navbox">
                	<a href="/#"><img src="images/example/icon/movie.jpg" /></a>
                </li>
                <li class="navbox">
                	<a href="/#"><img src="images/example/icon/music.jpg" /></a>
                </li>
                <li class="navbox">
                	<a href="/#"><img src="images/example/icon/pic1.jpg" /></a>
                </li>
          </ul> 
      </div>
	</div></div>

	<script type="text/javascript">
		new MultiBox('mb', {useOverlay: true});
	</script>
    <div id="footer">
    	
 	</div>
</body>
</html>
